<#include "../macro/layout_default.ftl"/>

<@head>
<link rel="stylesheet" href="/misc/adminlte-2.3.7/plugins/daterangepicker/daterangepicker.css"/>
<style type="text/css">
/*表格标题导出*/
.table,th{text-align:center !important}
.titlebar{border-bottom:1px solid #ccc;overflow:hidden;zoom:1;padding-bottom:10px;}
.titlebar h5{float:left;}
.titlebar div{float:right}

/*提示选择时间范围*/
.tip_time{margin-left:208px;position:relative;top:48px;z-index:999;font-size:13px;color:#999;letter-spacing:1px;padding-top:5px}

</style>
</@head>
<@body>
<script src="/misc/adminlte-2.3.7/plugins/daterangepicker/moment.min.js"></script>
<script src="/misc/adminlte-2.3.7/plugins/daterangepicker/daterangepicker.js"></script>
<script src="/misc/app/js/echarts.min.js"></script>
<script src="/misc/app/js/stats_data.js"></script>

</@body>
<@layout_default>

<div class="box">
    <div class="box-header with-border">
        <form name="form_query" class="form-inline">
           <input type="hidden" name="timeLimitStart"  id="timeLimitStart" value=""/>
           <input type="hidden" name="timeLimitEnd" id="timeLimitEnd" value=""/>

            <select class="form-control" id="product_list">

            </select>
           <div class="input-group">
                <div class="input-group-addon">扫码时间</div>
                <input type="text" class="form-control" id="stats_data_start" style="width: 200px"/>               
            </div>
            <div class="input-group"> 至 </div>
            <div class="input-group">
            	<input type="text" class="form-control" id="stats_data_end" style="width: 200px"/>
            </div>
            <span id="btns">	
            <input type="hidden" value="1" id="hidden_type">
	        <button type="button" class="btn btn-primary" id="d_show"><i class="fa fa-search"></i> 按天显示</button>
	        <button type="button" class="btn btn-warning" id="m_show"><i class="fa fa-search"></i> 按月显示</button>
	        </span>
        	<button type="button" name="btn_search" class="btn btn-warning" id="btn_search"><i class="fa fa-search"></i> 查询</button>
        </form>
        <div class="tip_time">
        	<span class="d_showjs">(统计数据截止昨日23:59:59)</span>
        	<span class="m_showjs hidden">(统计数据截止${lastDay})</span>
        </div>
    	
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main" style="width: 100%;height:500px;"></div>
    </div>
    
    <div class="box-body">
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main1" style="width: 100%;height:500px;"></div>
    </div>
    
    <div class="box-body">
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="main2" style="width: 100%;height:500px;"></div>
    </div>

	<div class="box-body">
		<div class="titlebar">
			<h5>数据明细</h5>
			<div><a href="javascript:void(0);" name="btn_export" id="btn_export"><i class="glyphicon glyphicon-save"></i> 数据导出</a></div>
		</div>
        <table class="table table-striped table-hover">
        	<thead>
	            <tr>
	                <th>时间</th>
	                <th>扫码量</th>
	                <th>用户量</th>
	                <th>新增用户</th>
	                <th>人均扫码次数</th>
                    <th>累计扫码量</th>
	                <th>红包中奖量</th>
	                <th>实物中奖量</th>
	            </tr> 
            </thead>
            <tbody id="tbody_data">           
	              
            </tbody>         
        </table>
        
        <div class="box-footer text-center" id="page_model" > </div>
        
    </div>
    <!-- /.box-body -->
	
</div>




</@layout_default>